<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/layout.css" rel="stylesheet" type="text/css">
<link href="css/typo.css" rel="stylesheet" type="text/css">
<style> 
@font-face
{
font-family: myFirstFont;
src: url(Museo100.woff);
}
@font-face
{
font-family: mySecFont;
src: url(Museo700.woff);
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
    $('.youtube').click(function(){
        video = '<iframe width="100%" height="220px" src="'+ $(this).attr('data-video') +'" frameborder="0" allowfullscreen></iframe>';
        $(this).replaceWith(video);
    });
});//]]>  

</script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="css/respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="film-project" class="back-link">
    <br><br>
    <a href="index.htm">« The Film Project
  </a></div>
  <div id="LayoutDiv12" class="titlu-articol">MOMENTS</div>
  <div id="LayoutDiv13" class="author">Nathan Firn</div>
  <div id="LayoutDiv14" class="video"><a href="#"><img class="youtube" src="images/moments-vidpic.png" data-video="http://www.youtube.com/embed/B6PujrR1qMM?autoplay=1"></a></div>
  <div id="LayoutDiv1" class="about">About the Filmmaker</div>
  <div id="LayoutDiv2"><img src="images/moments-author-pic.png" alt="Nathan Firn" width="130"></div>
  <div id="LayoutDiv3" class="article-body">Nathan Firn attended Film School at Emerson College. He works as an Animation Producer at Big Bad Tomato during the day and an independent Director/Producer by night. He has the ultimate goal to make a career of storytelling. Nathan has directed several narrative shorts, music videos, but this is his first attempt at a spot. Every project is a learning experience and only worth the time if everyone is gaining something and having fun in the process.</div>
  <div id="LayoutDiv4" class="divider"></div>
  <div id="LayoutDiv5" class="quiz-head">How Do You Feel?</div>
  <div id="LayoutDiv6" class="quiz-body">
    <p><a href="#"><img src="images/inspired.png" alt="Inspired"></a></p>
  <p>Inspired</p></div>
  <div id="LayoutDiv7" class="quiz-body">
  <p><a href="#"><img src="images/touched.png" alt="Touched"></a></p>
  <p>Touched</p>
  </div>
  <div id="LayoutDiv8" class="quiz-body">
  <p><a href="#"><img src="images/happy.png" alt="Happy"></a></p>
  <p>Happy</p>
  </div>
  <div id="LayoutDiv9" class="divider"></div>
  <div id="LayoutDiv10" class="quiz-head">Share Video</div>
  <div id="LayoutDiv11"><a href="www.facebook.com"><img src="images/facebook.png" alt="Facebook" class="social" height="45" width="45"></a><a href="www.twitter.com"><img src="images/twitter.png" alt="Twitter" class="social" height="45" width="45"></a><a href="www.pinterest.com"><img src="images/pinterest.png" alt="Pinterest" class="social" height="45" width="45"></a><a href="www.plus.google.com"><img src="images/plus.png" alt="Google Plus" class="social" height="45" width="45"></a></div>
</div>
</body>
</html>
